import { PanelConfig, ToolbarConfig, ViewConfig, MessageConfig } from "../types";

export const toolbarConfig: ToolbarConfig = {
    "2d": {
        items: [
            { id: "select", label: "选择", action: () => {} },
            { id: "rectangle", label: "矩形", action: () => {} },
            { id: "circle", label: "圆形", action: () => {} },
            { id: "text", label: "文本", action: () => {} },
        ],
    },
    interactive: {
        items: [
            { id: "select", label: "选择", action: () => {} },
            { id: "button", label: "按钮", action: () => {} },
            { id: "input", label: "输入框", action: () => {} },
            { id: "link", label: "链接", action: () => {} },
        ],
    },
};

export const panelConfig: PanelConfig = {
    "2d": {
        left: [
            { id: "layers", title: "图层", content: <div>图层内容 </div> },
            { id: "assets", title: "资源", content: <div>资源内容 </div> },
        ],
        right: [
            { id: "properties", title: "属性", content: <div>属性内容 </div> },
            { id: "styles", title: "样式", content: <div>样式内容 </div> },
        ],
    },
    interactive: {
        left: [
            { id: "components", title: "组件", content: <div>组件内容 </div> },
            { id: "interactions", title: "交互", content: <div>交互内容 </div> },
        ],
        right: [
            { id: "properties", title: "属性", content: <div>属性内容 </div> },
            { id: "events", title: "事件", content: <div>事件内容 </div> },
        ],
    },
};

export const viewConfig: ViewConfig = {
    "2d": {
        render: () => <div className="canvas-2d"> 2D编辑区域</div>,
    },
    interactive: {
        render: () => <div className="canvas-interactive"> 交互编辑区域 </div>,
    },
    preview: {
        render: () => <div className="preview"> 预览区域 </div>,
    },
};

export const messageConfig: MessageConfig = {
    "2d": {
        getMessage: () => "2D编辑器状态信息",
    },
    interactive: {
        getMessage: () => "交互编辑器状态信息",
    },
    preview: {
        getMessage: () => "预览状态信息",
    },
};
